/*
SCSS 工具方法
alber 于 2018.5.31
*/

/*1px边框处理*/

@mixin border($c:#ececec) {
  content: " ";
  position: absolute;
  transform-origin: 0 100%;
  color: $c;
}

@mixin border-b($c:#ececec) {
  @include border($c);
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid $c;
  transform: scaleY(0.5);
}

@mixin border-t($c:#ececec) {
  @include border($c);
  left: 0;
  top: -1px;
  width: 100%;
  height: 1px;
  border-top: 1px solid $c;
  transform: scaleY(0.5);
}

@mixin border-r($c:#ececec) {
  @include border($c);
  right: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  border-right: 1px solid $c;
  transform: scaleX(0.5);
}

@mixin border-l($c:#ececec) {
  @include border($c);
  left: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid $c;
  transform: scaleX(0.5);
}

@mixin textLine($lineNum: 1) {
  // 显示指定行数的文本
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $lineNum;
  -webkit-box-orient: vertical;
}

@function p2r($px) {
  // px to rem 单位转换
  $rem: 16px;
  @return ($px/$rem)+rem;
} // 色彩字体
$fontColor: #f95d85;
